    <html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"      
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="SISTEMA DE GESTION DE SEGURIDAD :: FONCODES - ACCESO" />
        </title>
        <link type="text/css" href="${facesContext.externalContext.requestContextPath}/resource/css/login.css" rel="stylesheet" />
        <link href="${facesContext.externalContext.requestContextPath}/resource/css/jquery.mSimpleSlidebox.css" rel="stylesheet" type="text/css" />
        <script src="${facesContext.externalContext.requestContextPath}/resource/js/jquery.mSimpleSlidebox.js"></script>
        <script type="text/javascript">  
            function hideEnlace() {
                jQuery(".enlace").css("display","none");
                jQuery(".modalConfirma div:eq(1)").css("height","310px");
            }
            function verificaEnlace(xhr, status, args) {   
                if(args.validationFailed) { 
                    jQuery(".enlace").css("display","block");
                    jQuery(".modalConfirma div:eq(1)").css("height","380px");
                }else{
                    hideEnlace();
                }
            }  
            function recargar_Captcha(){
               $("frmLogin\\:#img_fonocodes_captcha").attr('src', "../seguridad/CaptchaFoncodes.jpg");
            }
        </script>
        <style type="text/css">
            .ui-outputlabel-rfi{
                color:red;
            }
            .ui-widget-content{
                border-color: white;
            }
        </style>
    </h:head>
    <h:body>
        <center>
            <p:blockUI block=":frmLogin:pnlLogin" widgetVar="blkLogin" >  
                Espere mientras carga el sistema<br /> 
                <p:graphicImage value="/resource/images/loading.gif" style="width: 65px; height: 50px;"/> 
            </p:blockUI>
            <h:form id="frmLogin" >
            <table style="font-size: 12px; font-family: arial, helvetica, sans-serif" cellspacing="0" cellpadding="0" width="850" border="0" align="center">
                <tr>
                    <td>
                        <table cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td colspan="3">
                                    <table cellspacing="0" cellpadding="0" width="100%" border="0">
                                        <tr>
                                            <td align="left">
                                                <div class="header">
                                                    <div style="color: #FFF;">
                                                        <table style="width: 100%">
                                                            <tr>
                                                                <td style="width: 300px;">
                                                                     <div style="text-align: left;width: 280px;">
                                                                        <img src="${facesContext.externalContext.requestContextPath}/resource/images/logo2.png" />
                                                                    </div>
                                                                </td>
                                                                <td style="text-align: right;">
                                                                    <div style="text-align: right;">
                                                                        <img src="${facesContext.externalContext.requestContextPath}/resource/images/logo_midis.png"  style="width: 150px;"/>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                        
                                                        <div class="navr" style="text-align: center; vertical-align: middle;">
                                                            <table style="width: 100%;">
                                                                <tr>
                                                                    <td style="height: 5px;">
                                                                        
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td style="text-align: center;color: #FFFFFF;font-family: sans-serif;font-size: 17px;text-shadow: #FFFFFF 0 1px;" >
                                                                        <span class="border-bottom: 1px dashed #657382;color: #73B633;padding-bottom: 2px;text-decoration: none;text-align:center;text-shadow: #036D9E 0 1px;">
                                                                            Sistema de Seguridad de Aplicaciones - SSA
                                                                        </span>
                                                                    </td>
                                                                </tr>
                                                            
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>											
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr style="background-color: #FFF;">
                                <td colspan="3">
                                    <script type="text/javascript">
                                            $(document).ready(function(){
                                                $("#slidebox_1").mSlidebox();
                                            });
                                    </script>
                                    <div id="slidebox_1" class="slidebox" style="height: 200px;">
                                        <ul>
                                            <li style="background:url('${facesContext.externalContext.requestContextPath}/resource/images/banner_1.jpg') no-repeat;background-size:920px 195px;"></li>
                                            <li style="background:url('${facesContext.externalContext.requestContextPath}/resource/images/banner_2.jpg') no-repeat;background-size:920px 195px;"></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr style="background-color: #FFF; ">
                                <td style="vertical-align: middle;">								
                                    <div style="margin-left: 40px;margin-right: 40px;font-size: 12px; font-family: Arial, Helvetica, sans-serif"> 
                                        <p>
                                            Bienvenidos al <span style="font-weight: bold ">Sistema de Seguridad de Aplicaciones - SSA de Foncodes</span>. 
                                            Para acceder al Sistema Ud. deberá ingresar su nombre de usuario y clave de acceso, luego presionar en el botón ingresar.
                                            <br/><br/>
                                        </p> 
                                    </div> 
                                </td>								
                                <td class="texttitulo" colspan="2" style="height: 200px;vertical-align: middle; " align="right" >
                                    <table align="center"  cellpadding="0" cellspacing="0" width="75" height="150" style="margin-right:30px">
                                        <tr>
                                            <td style="height: 30px;"></td>
                                        </tr>
                                        <tr>
                                            <td align="center" class="navr" style="height: 30px;color: #FFF;font: normal 0.9em sans-serif;">
                                                Inicio de Sesión</td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="width: 581px;border-radius:5px;-moz-box-shadow: 0 0 5px #000000;-webkit-box-shadow: 0 0 5px#000000;box-shadow: 0 0 5px #000000;">
                                                
                                            <p:panel id="pnlLogin" style="border-width: 0px;padding: 0px;" >
                                                <table  align="center" width="400" border="0" cellpadding="1" cellspacing="1" class="formato">
                                                    <tr>
                                                        <td colspan="3" style="height: 10px;"></td>
                                                    </tr>
                                                    <tr>
                                                        <td width="100" rowspan="3" align="center" style="vertical-align: top;">
                                                            <img style="width:70px;height:70px" src="${facesContext.externalContext.requestContextPath}/resource/images/login_icon_1.gif" />
                                                        </td>
                                                        <td width="30" style="font-size: 13px; font-family: Arial,sans-serif">
                                                            <h:outputText  value="Usuario:" />
                                                        </td>
                                                        <td align="left" width="220" >
                                                            <p:inputText type="text" id="txt_usuario" style="width: 200px" value="#{loginController.beanBusqueda.codUsuario}" maxlength="20"></p:inputText>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td width="30" style="font-size: 13px; font-family: Arial,sans-serif">Contraseña:</td>
                                                        <td align="left" width="220">
                                                            <p:inputText type="password" id="txt_clave" style="width: 200px; " value="#{loginController.beanBusqueda.txtClave}" maxlength="20"></p:inputText>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2" >
                                                            <p:panelGrid id="pnlCaptcha" columns="2" >
                                                                <p:commandButton value="Refrescar" update="img_fonocodes_captcha" rendered="#{loginController.isbMuestraCaptcha()}" style="text-align: right;"/>
                                                                <h:graphicImage id="img_fonocodes_captcha" value="../seguridad/CaptchaFoncodes.jpg" style="width: 140px; height: 35px;"
                                                                                rendered="#{loginController.isbMuestraCaptcha()}"/>
                                                                <h:outputText value="Ingrese captcha :" rendered="#{loginController.isbMuestraCaptcha()}" style="text-align: right;"/> 
                                                                <p:inputText type="text" id="txt_captcha" rendered="#{loginController.isbMuestraCaptcha()}"/>
                                                            </p:panelGrid>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" style="padding: 0px 14px">
                                                            <p:messages id="mensaje" showDetail="true" showSummary="false"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" style="text-align: center;">
                                                            <table style="width: 100%;">
                                                                <tr>
                                                                    <td style="text-align: right;">
                                                                        <p:commandButton id="loginButton" value="Ingresar" style="width: 100px; font-size: 12px;" action="#{loginController.login2}" onclick="blkLogin.show()" oncomplete="blkLogin.hide()"
                                                                                         update=":frmLogin:txt_usuario, :frmLogin:txt_clave, :frmLogin:mensaje, :frmLogin:pnlCaptcha, :dlgClaveCaduca" process=":frmLogin" />
                                                                    </td>
                                                                    <td style="width: 10px;">
                                                                    </td>
                                                                    <td style="text-align: left;">
                                                                        <p:commandButton value="Cancelar" style="width: 100px; font-size: 12px;" action="#{loginController.cancelar}" update=":frmLogin:pnlCaptcha, :frmLogin:txt_usuario, :frmLogin:txt_clave, :frmLogin:mensaje" process="@this"/>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" height="10"></td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" height="10" align="center">
                                                            <p:commandLink value="¿Olvidaste tu contraseña?" onclick="wOlvidoClave.show()"></p:commandLink>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3" height="10"></td>
                                                    </tr>
                                                </table>
                                                </p:panel>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 23px;"></td>
                                        </tr>
                                    </table> 
                                </td>
                            </tr>
                            <TR>
                                <TD colspan="3" >
                                    <table  style="width: 100%; border: none">
                                        <TR>
                                            <TD class="piepagina" colspan="2" style="font-size: 9px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;" align="center" width="100%" >
                                                ©2013, FONCODES - Reservados todos los derechos. 
                                                Dirección: Av. Paseo de la República 3101, San Isidro - Lima - Perú,  Central Telefónica: (01) 311-8900
                                            </TD>
                                        </TR>
                                    </table>
                                </TD>
                            </TR>
                        </table>
                    </td>
                </tr>
            </table>
            </h:form>
            
            <p:dialog id="dlgClaveCaduca" modal="true" header="" widgetVar="wClaveCaduca" resizable="false"
                          width="350" height="180" showEffect="clip" hideEffect="fold">
                <table style="width: 300px;text-align: center;" class="formato">
                    <tbody>
                         <tr><td><br/></td>
                        </tr>
                        <tr>
                            <td><h:outputText value="#{loginController.mensaje}"/></td>
                        </tr>
                        <tr><td><br/></td></tr>
                        <tr>
                            <td><p:commandButton value="Cambiar Contraseña" onclick="wClaveCaduca.hide()" oncomplete="wCambioClave.show()"/></td>
                        </tr>
                        <tr><td><br/></td></tr>
                        <tr>
                            <td>
                                <p:commandLink value="¿Desea contactarse con el administrador?"></p:commandLink>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p:ajax event="close" listener="#{loginController.limpiaClaveUsuario}" update=":frmCambioClave, :frmLogin:pnlCaptcha, :frmLogin:txt_usuario, :frmLogin:txt_clave, :frmLogin:mensaje"/> 
            </p:dialog>
            
            <p:dialog id="dlgCambioClave" modal="true" header="Cambio de contraseña" widgetVar="wCambioClave" resizable="false"
                          width="450" height="280" showEffect="clip" hideEffect="fold">
                <h:form id="frmCambioClave">
                    <table style="width: 380px;" class="formato" cellspacing="3" cellpading="3">
                        <tbody>
                            <tr>
                                <td><h:outputText value="Codigo de usuario"/></td>
                                <td colspan="2"><p:inputText type="text" style="width: 200px" value="#{loginController.beanBusqueda.codUsuario}"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Contraseña anterior"/></td>
                                <td colspan="2"><p:inputText type="password" style="width: 200px" value="#{loginController.beanBusqueda.txtClave}"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Nueva contraseña"/></td>
                                <td colspan="2"><p:inputText type="password" style="width: 200px" value="#{loginController.newPassword}"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Repita su nueva contraseña"/></td>
                                <td colspan="2"><p:inputText type="password" style="width: 200px" value="#{loginController.verifyPassword}"></p:inputText></td>
                            </tr>
                            <tr>
                                <td colspan="3"><br/></td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <p class="nota">
                                        <span class="ui-icon ui-icon-info mensajeIcon"></span>
                                        Este proceso te permitirá crear una nueva clave, luego 
                                        de haber registrado correctamente la información solicitada
                                    </p>
                                </td>
                            </tr>
                            
                            <tr>
                                <td colspan="3"><br></br></td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <p:messages id="mensajeCambioClave" showDetail="true" showSummary="false"/>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" style="text-align: right;">
                                    <p:commandButton value="Cambiar contraseña" icon="ui-icon-check" actionListener="#{loginController.changePassword}" update=":frmCambioClave:mensajeCambioClave, :dlgCambioClaveOK"/>
                                    <p:commandButton value="Cancelar" icon="ui-icon-close" actionListener="#{loginController.limpiaClaveUsuario}" oncomplete="wCambioClave.hide()"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </h:form>
            </p:dialog>
            
            <p:dialog id="dlgCambioClaveOK" modal="true" header="Cambio de contraseña" widgetVar="wCambioClaveOK" resizable="false"
                          width="350" height="180" showEffect="clip" hideEffect="fold">
                <table style="width: 300px;text-align: center;" class="formato">
                    <tbody>
                        <tr><td colspan="2"><br/></td>
                        </tr>
                        <tr>
                            <td colspan="2"><h:outputText value="#{loginController.mensaje}"/></td>
                        </tr>
                        <tr><td colspan="2"><br/></td></tr>
                        <tr>
                            <td colspan="2">
                                <p:commandLink value="¿Desea actualizar su pregunta secreta?"></p:commandLink>
                            </td>
                        </tr>
                        <tr><td colspan="2"><br/></td></tr>
                        <tr>
                            <td><p:commandButton value="Si" onclick="wCambioClaveOK.hide()" actionListener="#{loginController.loadPreguntasSecretas()}" 
                                                 oncomplete="wCambioPreguntaSecreta.show()" update=":frmCambioPreguntaSecreta"/>
                            </td>
                            <td><p:commandButton value="No" onclick="wCambioClaveOK.hide()" process="@this" /></td>
                        </tr>
                        <tr><td colspan="2"><br/></td></tr>
                    </tbody>
                </table>
            </p:dialog>
            
            <p:dialog id="dlgCambioPreguntaSecreta" modal="true" header="Registro de Pregunta Secreta" widgetVar="wCambioPreguntaSecreta" resizable="false"
                          width="450" height="250" showEffect="clip" hideEffect="fold">
                <h:form id="frmCambioPreguntaSecreta">
                    <table style="width: 400px;" class="formato">
                        <tbody>
                            <tr>
                                <td><h:outputText value="Codigo de usuario"/></td>
                                <td><p:inputText type="text" style="width: 200px" value="#{loginController.bean.codUsuario}" readonly="true"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Pregunta secreta"/></td>
                                <td>
                                    <p:selectOneMenu value="#{loginController.SPreguntaSecreta}" style="width: 250px">
                                        <f:selectItem itemLabel="Seleccione" itemValue="-1"/>
                                        <f:selectItems value="#{loginController.preguntas}" var="pregunta" 
                                                       itemLabel="#{pregunta.txtParametro}" itemValue="#{pregunta.txtValor}"/>
                                    </p:selectOneMenu>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2"><h:outputText value="Respuesta secreta"/></td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <p:inputText type="text" style="width: 200px" value="#{loginController.SRespuestaSecreta}" maxlength="150" ></p:inputText>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <p:messages id="mensajeCambioPreguntaSecreta" showDetail="true" showSummary="false"/>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                <p:toolbar style="padding: 4px;">
                                    <p:toolbarGroup align="left">
                                        <p:commandButton value="Aceptar" icon="ui-icon-check" actionListener="#{loginController.actualizaPreguntaSecreta}" update=":frmCambioPreguntaSecreta:mensajeCambioPreguntaSecreta, :dlgCambioPreguntaSecretaOK" />
                                        <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="wCambioPreguntaSecreta.hide()" process="@this" />
                                    </p:toolbarGroup>
                                </p:toolbar>                    
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </h:form>
            </p:dialog>
            
            <p:dialog id="dlgCambioPreguntaSecretaOK" modal="true" header="Actualización de Pregunta Secreta" widgetVar="wCambioPreguntaSecretaOK" resizable="false"
                          width="350" height="120" showEffect="clip" hideEffect="fold">
                <table style="width: 300px;text-align: center;" class="formato">
                    <tbody>
                        <tr><td><br/></td></tr>
                        <tr>
                            <td><h:outputText value="#{loginController.mensaje}"/></td>
                        </tr>
                        <tr><td><br/></td></tr>
                        <tr>
                            <td><p:commandButton value="OK" onclick="wCambioPreguntaSecretaOK.hide()" process="@this" /></td>
                        </tr>
                        <tr><td><br/></td></tr>
                    </tbody>
                </table>
            </p:dialog>
            
            <p:dialog id="dlg1" modal="true" header="Seleccione Unidad Territorial" widgetVar="wTerritorial" resizable="false"
                          width="350" height="250" showEffect="clip" hideEffect="fold">
                <table style="width: 300px;" class="formato">
                    <tbody>
                        <tr>
                            <td>
                                <p:selectOneMenu value="#{loginController.STerritorial}" 
                                              style="width: 250px">
                                    <f:selectItem itemLabel="Ter1" itemValue="1"/>
                                    <f:selectItem itemLabel="Ter2" itemValue="1"/>
                                    <f:selectItem itemLabel="Ter3" itemValue="1"/>
                            </p:selectOneMenu>
                            </td>
                        </tr>
                        <tr>
                            <td><br/></td>
                        </tr>
                        <tr>
                            <td>
                            <p:toolbar style="padding: 4px;">
                                <p:toolbarGroup align="left">
                                    <p:commandButton value="Aceptar" icon="ui-icon-check" onclick="wTerritorial.hide()" />
                                    <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="wTerritorial.hide()" />
                                </p:toolbarGroup>
                            </p:toolbar>                    
                            </td>
                        </tr>
                    </tbody>
                </table>
            </p:dialog>
            
            <p:dialog id="dlgOlvidoClave" modal="true" header="¿Olvidaste tu clave?" widgetVar="wOlvidoClave" resizable="false"
                          width="410" height="210" showEffect="clip" hideEffect="fold">
                <p:panel >
                    <table style="width: 350px;" class="formato">
                        <tbody>
                             
                            <tr>
                                <td colspan="2" >
                                    <p class="nota">
                                        <span class="ui-icon ui-icon-notice mensajeNotice"></span>
                                        Si olvidaste tu clave, digita tu código de usuario y pulsa Continuar
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" style="height: 10px;"></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Usuario :"/></td>
                                <td><p:inputText value="" id="txtUsuarioOlvido" style="width: 280px" maxlength="20"></p:inputText></td>
                            </tr>
                            <tr>
                                <td colspan="2"><br/></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="text-align: center;">
                                        <p:commandButton value="Continuar" icon="ui-icon-check" onclick="wOlvidoClave.hide();wConfirmaIdentidad.show();hideEnlace();" update="mensajeOlvidoClave" />
                                        <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="wOlvidoClave.hide()" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </p:panel>
                <p:messages id="mensajeOlvidoClave" showDetail="true" showSummary="false"/>
            </p:dialog>
            
            <p:dialog id="dlgConfirmaIdentidad" styleClass="modalConfirma" modal="true" header="Confirmación de identidad" widgetVar="wConfirmaIdentidad" resizable="false"
                      width="500" height="310" showEffect="clip" hideEffect="fold">
                <h:form id="frmConfirmaIdentidad">
                <p:panel >
                    <table cellspacing="5" style="width: 450px;" class="formato" >
                        <tbody>
                            <tr>
                                <td><h:outputText value="Codigo de Usuario :"/></td>
                                <td colspan="2"><p:inputText value="@12345678"  disabled="true" id="txtCodUsuConfirma" style="width: 280px" maxlength="20"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Fecha de Nacimiento :"/></td>
                                <td colspan="2">
                                <p:calendar value="#{loginController.fecha}" id="txtFechaNacConfirma" showOn="button" locale="es" 
                                            navigator="true" maxlength="10" readonlyInput="true" pattern="dd/MM/yyyy"/>
                                </td>
                            </tr>
                            <tr>
                                <td><h:outputText value="DNI :"/></td>
                                <td colspan="2"><p:inputText value="#{loginController.STerritorial}" id="txtDniConfirma" style="width: 280px" maxlength="20"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Pregunta Secreta :"/></td>
                                <td colspan="2"><b><h:outputText value="Mi Pregunta Clave"/></b></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Respuesta Secreta :"/></td>
                                <td colspan="2"><p:inputText value="#{loginController.STerritorial}" id="txtResSecreConfirma" style="width: 280px" maxlength="150"></p:inputText></td>
                            </tr>
                            <tr>
                                <td colspan="2"><br/></td>
                            </tr>
                            <tr>
                                <td colspan="3" >
                                    <table>
                                        <tr>
                                            <td style="vertical-align: top;"><span class="ui-icon ui-icon-info mensajeInfo" ></span></td>
                                            <td style="vertical-align: top;"><p class="nota" style="text-align: justify;margin-right: 30px;" >
                                                Ingrese correctamente la información solicitada y pulse Aceptar
                                            </p>
                                            </td>
                                        </tr>
                                    </table>
                                    
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" style="text-align: right;">
                                    <p:commandButton value="Aceptar" icon="ui-icon-check" actionListener="#{loginController.validaConfirmacionIdentidad}" update=":frmConfirmaIdentidad:mensajeConfirmaIden" oncomplete="verificaEnlace(xhr, status, args);" />
                                    <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="wConfirmaIdentidad.hide();" update="mensajeConfirmaIden"/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </p:panel>
                <p:messages id="mensajeConfirmaIden" showDetail="true" showSummary="false" />
                <p:commandLink style="display: none;" styleClass="enlace" id="lnkContactoAdmin" value="¿Desea contactarse con el administrador?" onclick="wOlvidoClave.show()"></p:commandLink>
                </h:form>
            </p:dialog>
        </center> 
    </h:body>
</html>